<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>Placebook</title>
	<link type="text/css" href="css/custom-theme/jquery-ui-1.8.22.custom.css" rel="stylesheet" media="screen" />
	<link type="text/css" href="general.css" rel="stylesheet" />
	<script type="text/javascript" src="development-bundle/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="development-bundle/ui/jquery-ui-1.8.22.custom.js"></script>
	<script type="text/javascript" src="jquery-validation-1.9.0/jquery.validate.js"></script>
	<script type="text/javascript" src="js/jquery.cookie.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript" src="js/common.js"></script>  
	<style type="text/css">
	body { font-size: 80%;}
	</style>
	</head>
	<body>
		<div id="topbar_container">
			<div id="topbar">
				<div class="loggedout_topbar_container">
					<div class="loggedout_topbar">
						<a title="Go to Placebook Home" href="" class="lfloat">
							<i class="PlacebookLogo"><img src="img/placebook.JPG" alt="Placebook"/></i>
						</a>
						<div class="rfloat">
							<div class="topbar_login_container">
									<table cellspacing="0">
										<tbody>
											<tr>
												<td class="details"><label for="user">Username</label>													</td>
												<td class="details"><label for="pass">Password</label></td>
											</tr>
											<tr>
												<td><input type="text" tabindex="1" value="" id="user" name="user" class="inputtext" /></td>
												<td><input type="password" tabindex="2" id="pass" name="pass" class="inputtext" /></td>
												<td>
													<button id="login_button">Login</button>
												</td>
											</tr>
										</tbody>
									</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="join_container">
			<div id="join">
				<div class="loggedout_join_container">
					<div id="join_img" class="rfloat">
						<img src="img/map.JPG" alt="Join Us!" />
					</div>
	 				<form id="join_form" name="input" action="Javascript:join()" class="lfloat"> 
 						<table cellspacing="10">
							<tbody>
								<tr>
									<td class="joinus">Join Us!</td>
								</tr>
								<tr>
									<td class="details"><label for="firstname">First Name:</label></td>
									<td class="details"><input type="text" id="firstname" name="firstname" class="inputtext" /></td>
								</tr>
								<tr>
									<td class="details"><label for="lastname">Last Name:</label></td>
									<td class="details"><input type="text" value="" id="lastname" name="lastname" class="inputtext" /></td>
								</tr>
 								<tr>
									<td class="details"><label for="username">Username:</label></td>
									<td class="details"><input type="text" value="" id="username" name="username" class="inputtext" /></td>
								</tr>
								<tr>
									<td class="details"><label for="password">Password:</label></td>
									<td class="details"><input type="password" value="" id="password" name="password" class="inputtext" /></td>
								</tr>
								<tr>
									<td class="details"><label for="confirm_password">Retype Password:</label></td>
									<td class="details"><input type="password" value="" id="confirm_password" name="confirm_password" class="inputtext" /></td>
								</tr>
								<tr>
									<td><button id="join_button">Join</button></td>
								</tr>
							</tbody>
						</table>
	 				</form>
				</div>
			</div>
		</div>

		<div id="page_footer">
			<div class="loggedout_page_footer">
    			<p>Placebook by Gil Fruchter and Gal Lalouche</p>	
			</div>
		</div>
	</body>
</html>




